//用户主题设置 Purple/暗夜紫;
$purple-100: #F5E8FF;
$purple-200: #DDBEF6;
$purple-300: #C396ED;
$purple-400: #A871E3;
$purple-500: #8D4EDA;
$purple-600: #722ED1;
$purple-700: #551DB0;
$purple-800: #3C108F;
$purple-900: #27066E;
$purple-1000: #16004D;

//商户主题色 Red/浪漫红
$red-1: #FFECE8;
$red-2: #FDCDC5;
$red-3: #FBACA3;
$red-4: #F98981;
$red-5: #F76560;
$red-6: #F53F3F;
$red-7: #CB272D;
$red-8: #A1151E;
$red-9: #770813;
$red-10: #4D000A;

//Magenta / 品红
$magenta-1: #FFE8F1;
$magenta-2: #FDC2DB;
$magenta-3: #FB9DC7;
$magenta-4: #F979B7;
$magenta-5: #F754A8;
$magenta-6: #F5319D;
$magenta-7: #CB1E83;
$magenta-8: #A11069;
$magenta-9: #77064F;
$magenta-10: #4D0034;

//管理端主题色 cyan/碧涛青
$cyan-1: #E8FFFB;
$cyan-2: #B7F4EC;
$cyan-3: #89E9E0;
$cyan-4: #5EDFD6;
$cyan-5: #37D4CF;
$cyan-6: #14C9C9;
$cyan-7: #0DA5AA;
$cyan-8: #07828B;
$cyan-9: #03616C;
$cyan-1:0 #00424D;

//Blue / 海蔚蓝
$blue-1: #E8F7FF;
$blue-2: #C3E7FE;
$blue-3: #9FD4FD;
$blue-4: #7BC0FC;
$blue-5: #57A9FB;
$blue-6: #3491FA;
$blue-7: #206CCF;
$blue-8: #114BA3;
$blue-9: #063078;
$blue-10: #001A4D;

//
$gold-1: #FFFCE8;
$gold-2: #FDF4BF;
$gold-3: #FCE996;
$gold-4: #FADC6D;
$gold-5: #F9CC45;
$gold-6: #F7BA1E;
$gold-7: #CC9213;
$gold-8: #A26D0A;
$gold-9: #774B04;
$gold-10: #4D2D00;

// Gray / 中性灰
$gray-1: #F7F8FA;
$gray-2: #F2F3F5;
$gray-3: #E5E6EB;
$gray-4: #C9CDD4;
$gray-5: #A9AEB8;
$gray-6: #86909C;
$gray-7: #6B7785;
$gray-8: #4E5969;
$gray-9: #272E3B;
$gray-10: #1D2129;

//边框颜色设置
$color-border-1: #f2f3f5;  //浅色
$color-border-2: #e5e6eb;  //一般
$color-border-3: #c9cdd4;  //深/悬浮
$color-border-4: #86909c;  //重/按钮描边

//字体颜色设置
$color-text-1: #1d2129;  //强调/正文标题
$color-text-2: #4e5969;  //次强调/正文标题
$color-text-3: #86909c;  //次要信息
$color-text-4: #c9cdd4;  //置灰信息

//字体大小设置
$font-weight-400: 400; //常规
$font-weight-500: 500; //中等（加粗）
$font-weight-600: 600; //半粗
$font-weight-700: 700; //粗体
$font-weight-800: 800; //中黑
$font-weight-900: 900; //黑体
$font-weight-300: 300; //细体
$font-weight-200: 200; //纤细
$font-weight-100: 100; //极细

//字体大小
$font-size-body-3: 14px; //正文-常规
$font-size-body-2:13px; //正文-常规-小
$font-size-body-1: 12px; //辅助文案/次要文案
$font-size-caption: 12px; //水印文本
$font-size-title-1: 16px;  //标题-小
$font-size-title-2: 20px; //标题-中
$font-size-title-3: 24px; //标题-大
$font-size-display-1: 36px; //运营标题-小
$font-size-display-2: 48px; //运营标题-中
$font-size-display-3: 56px; //运营标题-大

//阴影
$shadow-special: 0 0 1px rgba(0, 0, 0, 0.3);//特殊阴影
$shadow1-center: 0 -2px 5px rgba(0, 0, 0, 0.1); //阴影样式1
$shadow2-center: 0 0 10px rgba(0, 0, 0, 0.1); //阴影样式2
$shadow3-center: 0 0 20px rgba(0, 0, 0, 0.1); //阴影样式3

//边框圆角
$border-radius-none: 0; //--border-radius-none 直角
$border-radius-small: 2px; //--border-radius-small 圆角-常规
$border-radius-medium: 4px; //--border-radius-medium 圆角-中等
$border-radius-large: 8px;  //--border-radius-large 圆角-较大
$border-radius-circle: 50%;  //--border-radius-circle圆角-全圆角

//边框宽度
$border-none:0; //无边框
$border-1: 1px;  //常规
$border-2: 2px;  //较粗
$border-3: 3px;  //粗

//排版设置
$area-width: 1280px;